﻿<%@ Page Title="" Language="C#" MasterPageFile="~/ACM.Master" AutoEventWireup="true" CodeBehind="SaleKeyIn.aspx.cs" Inherits="ACM.SaleKeyIn1" %>

<%@ Register Src="~/UserControls/StatusPanel.ascx" TagPrefix="uc" TagName="StatusPanel" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
        .my-error-class
        {
            color: #d72728;
            font-size: 12px;
        }
        .dateInput
        {
            cursor:pointer !important;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="StatusPlaceHolder" runat="server">
    <uc:StatusPanel ID="Status" runat="server"></uc:StatusPanel>
    <asp:Button ID="btnSendRequest" runat="server" Text="ส่ง Request ขอเปลี่ยน Dealer" CssClass="btn btn-default" Visible="false" OnClick="btnSendRequest_Click" />
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="content" runat="server">
    <div class="page-header" style="margin-top: 0;">
        <h1>ลงข้อมูลการขาย</h1>
    </div>

    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <table style="width: 100%; vertical-align: middle;">
                <tr>
                    <td><span style="color: red;">*</span> VIN :</td>
                    <td>
                        <div class="form-group">
                            <asp:TextBox ID="txtVIN" CssClass="form-control" runat="server" MaxLength="17" Width="475" Style="float: left;"></asp:TextBox>
                            <asp:LinkButton ID="lnkCheckVIN" runat="server" CssClass="btn btn-default" OnClick="lnkCheckVIN_Click">Check VIN</asp:LinkButton>
                            <asp:HiddenField ID="hdfCheckVIN" runat="server" />
                            <div id="vinError" style="clear: both"></div>
                        </div>
                    </td>
                </tr>

                <tr>
                    <td>วันที่ตัดขาย :</td>
                    <td>
                        <div class="form-group">
                            <asp:TextBox ID="txtSaleDate" CssClass="form-control" runat="server" Enabled="false" BackColor="White"></asp:TextBox>
                        </div>
                    </td>
                </tr>

                <asp:Panel ID="pnlKeyIn" runat="server" Enabled="false">

                    <tr>
                        <td>วันที่ส่งมอบ :</td>
                        <td>
                            <div class="form-group">
                                <asp:TextBox ID="txtDeliveryDate" CssClass="form-control dateInput" runat="server" BackColor="White" AutoPostBack="true" OnTextChanged="txtDeliveryDate_TextChanged"></asp:TextBox>
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td>ชื่อ - นามสกุลลูกค้า :</td>
                        <td>
                            <div class="form-group">
                                <asp:TextBox ID="txtCustomerName" CssClass="form-control" runat="server" BackColor="White"></asp:TextBox>
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td>หมายเลขบัตรประชาชน : &nbsp;&nbsp;</td>
                        <td>
                            <div class="form-group">
                                <asp:TextBox ID="txtIdCard" CssClass="form-control" runat="server" BackColor="White"></asp:TextBox>
                            </div>
                        </td>
                    </tr>

                     <tr>
                        <td>&nbsp;</td>
                        <td>
                            <div class="form-group">
                                <asp:CheckBox ID="chkPassport" runat="server" Text="&nbsp;Passport" />
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td>ที่อยู่ :</td>
                        <td>
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-6">
                                        บ้านเลขที่ :
                                        <asp:TextBox ID="txtAddressNo" CssClass="form-control" runat="server" BackColor="White"></asp:TextBox>
                                    </div>
                                    <div class="col-md-6">
                                        หมู่บ้าน :
                                        <asp:TextBox ID="txtVillageName" CssClass="form-control" runat="server" BackColor="White"></asp:TextBox>
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td>&nbsp;</td>
                        <td>
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-6">
                                        หมู่ที่ :
                                        <asp:TextBox ID="txtGroupNo" CssClass="form-control" runat="server" BackColor="White"></asp:TextBox>
                                    </div>
                                    <div class="col-md-6">
                                        ตรอก/ซอย :
                                        <asp:TextBox ID="txtAlleyName" CssClass="form-control" runat="server" BackColor="White"></asp:TextBox>
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td>&nbsp;</td>
                        <td>
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-6">
                                        ชื่่ออาคาร :
                                        <asp:TextBox ID="txtBuildingName" CssClass="form-control" runat="server" BackColor="White"></asp:TextBox>
                                    </div>
                                    <div class="col-md-6">
                                        ห้องเลขที่ :
                                        <asp:TextBox ID="txtRoomNo" CssClass="form-control" runat="server" BackColor="White"></asp:TextBox>
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td>&nbsp;</td>
                        <td>
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-6">
                                        ชั้นที่ :
                                        <asp:TextBox ID="txtFloor" CssClass="form-control" runat="server" BackColor="White"></asp:TextBox>
                                    </div>
                                    <div class="col-md-6">
                                        ถนน :
                                        <asp:TextBox ID="txtRoad" CssClass="form-control" runat="server" BackColor="White"></asp:TextBox>
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td>&nbsp;</td>
                        <td>
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-6">
                                        ตำบล/แขวง :
                                        <asp:TextBox ID="txtParish" CssClass="form-control" runat="server" BackColor="White"></asp:TextBox>
                                    </div>
                                    <div class="col-md-6">
                                        อำเภอ/เขต :
                                        <asp:TextBox ID="txtDistrict" CssClass="form-control" runat="server" BackColor="White"></asp:TextBox>
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td>&nbsp;</td>
                        <td>
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-6">
                                        จังหวัด :
                                        <asp:TextBox ID="txtProvince" CssClass="form-control" runat="server" BackColor="White"></asp:TextBox>
                                    </div>
                                    <div class="col-md-6">
                                        รหัสไปรษณีย์ :
                                        <asp:TextBox ID="txtPostCode" CssClass="form-control" runat="server" BackColor="White" MaxLength="5"></asp:TextBox>
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td>แคมเปญ ณ วันแจ้งขาย :</td>
                        <td>
                            <div class="form-group">
                                <asp:DropDownList ID="ddlSaleCampaign" runat="server" CssClass="selectpicker" data-live-search="true" data-width="100%" AutoPostBack="true" OnSelectedIndexChanged="ddlSaleCampaign_SelectedIndexChanged">
                                </asp:DropDownList>
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td>แคมเปญ ณ วันส่งมอบ :</td>
                        <td>
                            <div class="form-group">
                                <asp:DropDownList ID="ddlDeliveryCampaign" runat="server" CssClass="selectpicker" data-live-search="true" data-width="100%" AutoPostBack="true" OnSelectedIndexChanged="ddlDeliveryCampaign_SelectedIndexChanged">
                                </asp:DropDownList>
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td>ส่วนต่าง :</td>
                        <td>
                            <div class="form-group">
                                <asp:Label ID="lblDiff" runat="server" Text="0 บาท" Visible="true"></asp:Label>
                            </div>
                        </td>
                    </tr>

                     <tr>
                        <td>แคมเปญเสริม :<br />
                            <span style="font-size: 8px; color: red;" id="hintNote4" runat="server" visible="false">ท่านสามารถเลือกได้อย่างใดอย่างหนึ่งเท่านั้น</span></td>
                        </td>
                        <td>
                            <div class="form-group">
                                <label>
                                    <asp:RadioButton ID="rbMoney" runat="server" GroupName="reward" Checked="true" Text="&nbsp;ไม่รับ" Visible="false" /> 
                                    <asp:Label ID="lblNoSpecial" runat="server" Text="-"></asp:Label>
                                </label>                                
                                &nbsp;<b><asp:Label ID="lblOr" runat="server" Text="หรือ" Visible="false"></asp:Label></b>&nbsp;
                                
                                <asp:RadioButton ID="rbMobile" runat="server" GroupName="reward" Visible="false"/>
                                <b><asp:label ID="sectionNote4" runat="server" Visible="false"></asp:label></b>
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td>Attach File :<br />
                            <span style="font-size: 8px; color: red;">* ไฟล์ JPG หรือ PDF เท่านั้น</span></td>
                        <td>
                            <div class="form-group">
                                <asp:HyperLink ID="lnkAttack" runat="server" Visible="false"><asp:Label ID="lblAttachFileName" runat="server"></asp:Label><br /></asp:HyperLink>
                                <asp:FileUpload ID="FileUpload1" runat="server" CssClass="form-control" BackColor="White" Enabled="false" />                                
                            </div>                            
                        </td>
                    </tr>
                    <tr>
                        <td>&nbsp;</td>
                        <td>
                            <p style="font-size: 10px; color: red;">
                                *หมายเหตุ กรุณาเลือกเอกสารอย่างใดอย่างหนึ่งเท่านั้น
                                <br />สมุดจดทะเบียน
                                <br />ใบกำกับภาษี
                                <br />เอกสารยืนยันจากไฟแนนซ์
                            </p>
                        </td>
                    </tr>                  
</asp:Panel>

                    <tr>
                        <td colspan="2" style="text-align: center;">
                            <br />
                            <asp:HiddenField ID="hdfTXId" runat="server" />
                            <asp:HiddenField ID="hdfOwnerTX" runat="server" />
                            <asp:HiddenField ID="hdfSeriesId" runat="server" />
                            <asp:Button ID="btnSave" runat="server" CssClass="btn btn-primary" Text="บันทึก" OnClick="btnSave_Click" Enabled="false" />&nbsp;&nbsp;&nbsp;
                        <asp:Button ID="btnClear" runat="server" CssClass="btn btn-default" Text="ล้างข้อมูล" OnClick="btnClear_Click" />
                        </td>
                    </tr>                
                
            </table>
        </div>
    </div>


</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="script" runat="server">
    <script type="text/javascript">
        ActiveMenuIndex(1);
        $('.dateInput').attr('readonly', true);

        $('.modalImage').magnificPopup({
            type: 'image',
            //removalDelay: 500,
            callbacks: {
                beforeOpen: function () {
                    this.st.mainClass = this.st.el.attr('data-effect');
                }
            }
        });

        function GetIDCardValidatePattern() {
            
        }

        function GetIDCardValidateMessage() {
            
        }

        $(document).ready(function () {

            $.validator.addMethod(
                "regex",
                function (value, element, regexp) {
                    var re = new RegExp(regexp);
                    return this.optional(element) || re.test(value);
                },
                "Please check your input."
            );

            $("#form1").validate({ //form1 for Server , aspnetForm for local
                rules: {
                    ctl00$content$txtDeliveryDate: {
                        required: true
                    },
                    ctl00$content$txtCustomerName: {
                        required: true
                    },                   
                    ctl00$content$txtIdCard: {
                        required: true,
                        regex: function (element) {
                            if ($('#content_chkPassport').is(':checked')) //content_chkPassport for Server , ctl00_content_chkPassport for local
                            {
                                return '^[A-Za-z0-9]*$';
                            }
                            return '^[0-9]{13}$';
                        }
                    }
                    ,
                    ctl00$content$txtAddressNo: {
                        required: true
                    },
                    ctl00$content$txtVillageName: {
                        required: true
                    },
                    ctl00$content$txtGroupNo: {
                        required: true
                    },
                    ctl00$content$txtAlleyName: {
                        required: true
                    },
                    ctl00$content$txtBuildingName: {
                        required: true
                    },
                    ctl00$content$txtRoomNo: {
                        required: true
                    },
                    ctl00$content$txtFloor: {
                        required: true
                    },
                    ctl00$content$txtRoad: {
                        required: true
                    },
                    ctl00$content$txtParish: {
                        required: true
                    },
                    ctl00$content$txtDistrict: {
                        required: true    
                    },
                    ctl00$content$txtProvince: {
                        required: true  
                    },
                    ctl00$content$txtPostCode: {
                        required: true,
                        regex: '^[0-9]{5}$'
                    }
                },
                messages: {
                    ctl00$content$txtDeliveryDate: {
                        required: "กรุณากรอกวันที่ส่งมอบ"
                    },
                    ctl00$content$txtCustomerName: {
                        required: "กรุณากรอกชื่อ-นามสกุลลูกค้า"
                    },                   
                    ctl00$content$txtIdCard: {
                        required: "กรุณากรอกรหัสประจำตัวประชาชนหรือหมายเลข Passport",
                        regex: function (element) {
                            if ($('#content_chkPassport').is(':checked')) //content_chkPassport for Server , ctl00_content_chkPassport for local
                            {
                                return 'กรุณากรอกตัวเลขและตัวอักษรเท่านั้น';
                            }
                            return 'กรุณากรอกตัวเลข 13 หลัก';
                        }
                    }
                    ,
                    ctl00$content$txtAddressNo: {
                        required: "กรุณากรอกบ้านเลขที่"
                    },
                    ctl00$content$txtVillageName: {
                        required: "กรุณากรอกหมู่บ้าน"
                    },
                    ctl00$content$txtGroupNo: {
                        required: "กรุณากรอกหมู่"
                                },
                    ctl00$content$txtAlleyName: {
                        required: "กรุณากรอกซอย"
                    },
                    ctl00$content$txtBuildingName: {
                        required: "กรุณากรอกชื่ออาคาร"
                    },
                    ctl00$content$txtRoomNo: {
                        required: "กรุณากรอกหมายเลขห้อง"
                    },
                    ctl00$content$txtFloor: {
                        required: "กรุณากรอกชั้น"
                    },
                    ctl00$content$txtRoad: {
                        required: "กรุณากรอกชื่อถนน"
                    },
                    ctl00$content$txtParish: {
                        required: "กรุณากรอกตำบล"
                    },
                    ctl00$content$txtDistrict: {
                        required: "กรุณากรอกอำเภอ"
                    },
                    ctl00$content$txtProvince: {
                        required: "กรุณากรอกจังหวัด"
                    },
                    ctl00$content$txtPostCode: {
                        required: "กรุณากรอกรหัสไปรษณีย์",
                        regex: "กรุณากรอกตัวเลข 5 หลัก"
                    }
                },
                errorClass: "my-error-class",
                validClass: "my-valid-class"
            });
        });
    </script>
</asp:Content>
